Conditional Validation

  • STEPS

    in view

    
                    
                   <select class="form-control bookingformfeild religion_id mandatory" data-message="Please enter Religion"  id="religion" name="releigion">
    				            <option value="">Select Religion</option>
    				
    						        <option data-identifier="Hindu"  value="1">Hindu</option>
                        <option data-identifier="Christian"  value="2">Christian</option>
    				
    			        </select>
    
                  <input type="text" id="diocese" placeholder="Diocese">
    
                  <input type="text" id="parish" placeholder="Parish">
    
    

    in jquery

    
                   $('body').on("change", ".religion_id" , function() { 
    			
                            var identifier=$(".religion_id option:selected").attr("data-identifier");
                            $('#diocese').val('');
                            $('#parish').val('');
    
                            if(identifier=="Christian"){
                                  $('#diocese').show();
                                  $('#diocese').addClass('mandatory');
    
                                  $('#parish').hide();
                                  $('#parish').removeClass('mandatory');                         
                              
                            }
                            else{
                                $('#diocese').hide();
                                $('#diocese').removeClass('mandatory');
    
                                $('#parish').hide();
                                $('#parish').removeClass('mandatory');
    
                             
                            }
                     });